<div class="variables-header" [innerHTML]="highlight(item.Name)"></div>
<div class="variables-component">
    <app-select
        *ngIf="item.Type === 'select'"
        [items]="item.Items"
        [value]="item.Value"
        [items]="item.TypeValuesArray"
        (valueChange)="valueChanged($event, item.Key)"
    ></app-select>
    <app-text *ngIf="item.Type === 'text'" [value]="item.Value" (valueChange)="valueChanged($event, item.Key)"></app-text>
    <app-color *ngIf="item.Type === 'color'" [value]="item.Value" (valueChange)="valueChanged($event, item.Key)"></app-color>
    <app-switch *ngIf="item.Type === 'switch'" [value]="item.Value" (valueChange)="valueChanged($event, item.Key)"></app-switch>
</div>
